<template>
  <NuxtLayout>
    <Head>
      <Title>联系我们 - 国内领先的企业智能信息化IT解决方案提供商</Title>
      <Meta name="description" content="简介" />
    </Head>
    <div class="app-home-section app-contact">
      <div class="title">
        <h1>联系我们</h1>
        <h2>蓝科技旗下产品</h2>
      </div>
      <div class="container pt-3">
        <el-descriptions>
          <el-descriptions-item label="地址">{{ state.data.address }}</el-descriptions-item>
          <el-descriptions-item label="电话">{{ state.data.phone }}</el-descriptions-item>
          <el-descriptions-item label="邮箱">{{ state.data.email }}</el-descriptions-item>
          <el-descriptions-item label="QQ群">{{ state.data.qq }}</el-descriptions-item>
          <el-descriptions-item label="电话">123456789</el-descriptions-item>
          <el-descriptions-item label="邮箱">jikeytang@gmail.com</el-descriptions-item>
        </el-descriptions>
      </div>
    </div>
    <div class="container mt-3">
      <el-divider />
      <ContactMessage />
    </div>
  </NuxtLayout>
</template>
<script setup lang="ts">
import { useContact } from '~/api'

const state = reactive<any>({
  data: {},
})

// 获取文章
const getData = async () => {
  const { data: res }: any = await useAsyncData(`use_Contact`, () => useContact({ id: 1 }))
  const data = res.value.data

  state.data = data.rows
}

getData()
</script>
<style></style>
